﻿$(function () {
    var hideDelay = 500;
    var currentID;
    var hideTimer = null;

    // One instance that's reused to show info for the current person
    //    var container = $('<div id="personPopupContainer">'
    //      + '<table width="" border="0" cellspacing="0" cellpadding="0" align="center" class="personPopupPopup">'
    //      + '<tr>'
    //      + '   <td class="corner topLeft"></td>'
    //      + '   <td class="top"></td>'
    //      + '   <td class="corner topRight"></td>'
    //      + '</tr>'
    //      + '<tr>'
    //      + '   <td class="left">&nbsp;</td>'
    //      + '   <td><div id="personPopupContent"></div></td>'
    //      + '   <td class="right">&nbsp;</td>'
    //      + '</tr>'
    //      + '<tr>'
    //      + '   <td class="corner bottomLeft">&nbsp;</td>'
    //      + '   <td class="bottom">&nbsp;</td>'
    //      + '   <td class="corner bottomRight"></td>'
    //      + '</tr>'
    //      + '</table>'
    //      + '</div>');

    var container = $("#personPopupContainer");

    //    $('body').append(container);

    $('.personPopupTrigger').live('mouseover', function () {
        // format of 'rel' tag: pageid,personguid
        var _uid = $(this).attr('rel');
        var _type = $(this).attr('type');
        var _name = $(this).attr('name');

        // If no guid in url rel tag, don't popup blank
        if (currentID == '')
            return;

        if (hideTimer)
            clearTimeout(hideTimer);

        var pos = $(this).offset();
        var width = $(this).width();
        container.css({
            left: (pos.left + width) + 'px',
            top: pos.top - 5 + 'px'
        });

        container.css('display', 'block');
        $('#personPopupContent').html('Loading..');


        $.ajax({
            type: "POST",
            url: "/Services/ControlLoader.asmx/LoadDetail",
            data: "{_uid:'" + _uid + "',_fullname:'" + _name + "',_type:'" + _type + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                $('#personPopupContent').html(msg.d);
            },
            error: function (msg) {
                $('#personPopupContent').html("Error");
            }
        });




    });

    $('.personPopupTrigger').live('mouseout', function () {
        if (hideTimer)
            clearTimeout(hideTimer);
        hideTimer = setTimeout(function () {
            container.css('display', 'none');
        }, hideDelay);
    });

    // Allow mouse over of details without hiding details
    $('#personPopupContainer').mouseover(function () {
        if (hideTimer)
            clearTimeout(hideTimer);
    });

    // Hide after mouseout
    $('#personPopupContainer').mouseout(function () {
        if (hideTimer)
            clearTimeout(hideTimer);
        hideTimer = setTimeout(function () {
            container.css('display', 'none');
        }, hideDelay);
    });
});